<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <link rel="stylesheet" href="./assets/css/bootstrap.min.css">

    <link rel="stylesheet" href="./assets/css/animate.min.css">

    <link rel="stylesheet/less" href="./assets/css/reset.less">

    <link rel="stylesheet/less" href="./assets/css/common.less">

    <link rel="stylesheet/less" href="./assets/css/mine.less">
</head>
<body>
    <header>
        <p>我的</p>
        <img src="./assets/images/mine-tb_01.png">
    </header>

    <div class="boxe">
        <div class="tp">
            <img src="./assets/images/mine-tp_01.png">
        </div>
        
        <div class="ri">
            <div class="text">
                <p>李雪玲</p>
                <p>中国 &bull; 襄阳</p>
            </div>
            <div class="line"></div>
            <div class="bin">
                <p>分享</p>
            </div>

        </div>
    </div>

    <div class="boxe1">
        <div class="text">
            <p>1286</p>
            <p>关注</p>
        </div>
        <div class="text">
            <p>5233</p>
            <p>粉丝</p>
        </div>
        <div class="text">
            <p>6767</p>
            <p>喜欢</p>
        </div>
    </div>

    <div class="list">
        <div class="title">
            <p>个人信息</p>
            <p><img src="./assets/images/tb-01.png"></p>
        </div>
        <div class="title">
            <p>我的消息</p>
            <p>6</p>
        </div>
        <div class="title">
            <p>账户余额</p>
            <p><span>1348.34</span> <img src="./assets/images/tb-01.png"></p>
        </div>
        <div class="title">
            <p>我的评论</p>
            <p><img src="./assets/images/tb-01.png"></p>
        </div>
    </div>
    
    <div class="footbox"></div>

    <footer class="footer">
        <input type="radio" name="image1" id="list1">
        <label for="list1" class="a1">
            <a  href="index.html" class="item1">
                <div class="img1"></div>
            </a>
        </label>
        <input type="radio" name="image1" id="list2">
        <label for="list2" class="a2">
            <a href="explore.html" class="item2">
                <div class="img2"></div>
            </a>
        </label>
        <input type="radio" name="image1" id="list3">
        <label for="list3" class="a3">
            <a href="bookrack.html" class="item3">
                <div class="img3"></div>
            </a>
        </label>
        <input type="radio" name="image1" id="list4" checked>
        <label for="list4" class="a4">
            <a href="javascript:void(0)" class="item4">
                <div class="img4"></div>
            </a>
        </label>
            
    </footer>
</body>
</html>
<script src="./assets/js/jquery.min.js"></script>

<script src="./assets/js/bootstrap.min.js"></script>

<script src="./assets/js/less.min.js"></script>

<script src="./assets/js/wow.min.repeat.js"></script>